html {
	height: 100%;
}
body {
	height: 100%;
	display: flex;
	flex-direction: column;
}
main {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex-grow: 1;
	.distance {
		padding: 15px;
		font-size: 12px;
		#distanceNum {
			color: #5895f7;
			font-size: 30px;
		}
	}
	.map {
		position: relative;
		height: 100%;
		width: 100%;
		flex-grow: 1;
		.go {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			width: 150px;
			height: 150px;
			text-align: center;
			line-height: 150px;
			border-radius: 50%;
			font-size: 50px;
			color: #fafafa;
			background-color: #5895f7;
		}
		#container {
			height: 100%;
			&.amap-logo {
				display: none;
			}
		}
	}
	.amap-logo {
		display: none !important;
	}
	.amap-copyright {
		display: none !important;
	}
}
.mask {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #5895f7;
	display: none;
	text-align: center;
	#maskNum {
		width: 200px;
		height: 200px;
		color: #f4fbfa;
		font-size: 100px;
	}
}
